<template>
    <div class="data-title flex">
        <!--<span class="left-icon iconshuju_icon_zuoqie iconfont" @click.stop="navback"></span>-->
        <!--<b class="flex-1">{{bigDataTitle}}</b>-->
        <span class="left-icon" ></span>
        <b class="flex-1"></b>
        <span class="iconshuju_icon_caidan right-icon iconfont" @click.stop="openMenu"></span>
    </div>
</template>
<script>
    export default({
        data(){
            return{

            }
        },
        props:{
            bigDataTitle:{

            },
            showTitle:{

            }
        },
        methods:{
            openMenu(){
                console.log(123)
                this.$emit('openMenu',456)
            },
            navback(){
                this.$emit('navback',456)

            }
        }
    })
</script>
<style lang="scss">
    .flex{
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }
    .align-center{
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .flex-1{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        min-width: 0;
        height: 100%;
    }
    .box-sizing{
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .data-title{
        height: 45px;
        line-height: 45px;
        box-sizing: border-box;
        position: fixed;
        top:0;
        left: 0px;
        right: 0px;
        background:#183377;
        z-index: 999;
        .left-icon{
            float: left;
            width: 20px;
            height: 100%;
            color: white;
            margin-left: 16px;
        }
        b{
            text-align: center;
            font-size:16px;
            color: white;
            font-weight: normal;
        }
        .right-icon{
            float: right;
            width: 20px;
            height: 100%;
            color: white;
            margin-right: 16px;
        }
    }
</style>
